<template>
  <div >
    <el-row type="flex" justify="center" align="middle" >
      <el-col span="2" type="flex" justify="center" align="middle">
        <span style="font-size: 16px">
          头像
        </span>
      </el-col>
      <el-col span="4" offset="2" type="flex" justify="center" align="middle" >
        <el-image src="http://49.232.151.28/OIP.jpg" fit="fill" style="height: 120px;width: 150px">
          <div slot="error" class="image-slot">
            <i class="el-icon-picture-outline"></i>
          </div>
        </el-image>
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        姓名：
      </el-col>
      <el-col span="4" offset="2">
        {{name}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
          年龄：
      </el-col>
      <el-col span="4" offset="2">
        {{age}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        性别：
      </el-col>
      <el-col span="4" offset="2">
        {{sex}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        班级：
      </el-col>
      <el-col span="4" offset="2">
        {{cla}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        性别：
      </el-col>
      <el-col span="4" offset="2">
        {{sex}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        简介：
      </el-col>
      <el-col span="4" offset="2">
        {{detail}}
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Info",
  data(){
    return {
      name:'lzw',
      sex:'',
      cla:'',
      detail:'',
      age:'',
    }
  }
}
</script>

<style scoped>

</style>